<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2024/6/22
  Time: 20:59
  To change this template use File | Settings | File Templates.
--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--</head>--%>
<%--<body>--%>
<%--<script>--%>

<%--    var obj;--%>

<%--    $.ajax({--%>
<%--        type : "get",--%>
<%--        async : true,            //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）--%>
<%--        url : "/bigdatapro4/servlet5",    //请求发送到相应的servlet--%>
<%--        dataType : "json",        //返回数据形式为json--%>
<%--        success : function(data) {--%>

<%--            //请求成功时执行该函数内容，result即为服务器返回的json对象--%>
<%--            if (data) {--%>
<%--                obj = eval(data);--%>
<%--                for(var i=0;i<obj.length;i++){--%>
<%--                    var row = '<tr><td>'+(i+1)+'   </td><td>' + obj[i].name1 + '   </td><td>' + obj[i].name2 + '</td><td>' + obj[i].value + '   </td></tr>';--%>
<%--                    $("#recommend1").append(row);--%>
<%--                }--%>

<%--            }--%>
<%--            else {--%>
<%--                alert("数据加载数据失败!");--%>
<%--            }--%>
<%--        },--%>
<%--        error : function(errorMsg) {--%>
<%--//没做出错处理 //请求失败时执行该函数--%>
<%--            alert("请求数据失败!");--%>
<%--        }--%>
<%--    })--%>

<%--</script>--%>
<%--<center><h2>推荐下架的商品名单</h2></center>--%>
<%--     <center><table  id="recommend1" cellspacing="20">--%>

<%--         <tbody id="tb"></tbody>--%>

<%--     </table>--%>
<%--     </center>--%>

<%--</body>--%>
<%--</html>--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head >
    <title>Title</title>
    <script src= "js/echarts.js"></script>
    <script src="js/jquery.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function getfind3() {
            var obj
            $.post('/servlet5', {name:$('#name3').val() }, function (data) {
                obj = eval(data);
                $("#recommend3").empty(); // 清空表格
                for(var i=0;i<obj.length;i++){
                    $("#recommend3").append("<tr><td>"+(i+1)+"   </td><td>"+obj[i].name+"   </td><td>"+obj[i].value+"   </td></tr>");
                }

            })
        }
        $(document).ready(function() {
            $('#search3').click(function() {
                getfind3();
            });
        });
    </script>
</head>
<style>
    #a1{
        position: absolute;
        top: 30%;
        bottom: 0;
        left: 35%;
        right: 0;
        margin: auto;
        height:50%;
        width:60%;
    }
</style>
<body  >
<form method="post" action="" id="listform3">
    <div class="panel admin-panel" id="a3">
        <div class="panel-head"><strong class="icon-reorder" style="color: darksalmon;align-content: center"> 商品列表</strong> <a href="" style="float:right; display:none;color: lightpink" >添加字段</a></div>
        <div class="padding border-bottom">
            <ul class="search" style="padding-left:10px;">
                <form action="">
                    <li style="align-content: center;color: darksalmon" >商品名:
                        <input type="text" placeholder="请输入搜索关键字" name="keywords" id="name3" class="input" style="width:25%; line-height:17px;display:inline-block" />
                        <a href="javascript:void(0)" class="button border-main icon-search" id="search3" style="color: lightpink"> 搜索</a>

                    </li>
                </form>
            </ul>
        </div>
        <table class="table table-hover text-center" id="recommend3" style="color: lightpink" cellspacing="30">

            <tbody id="tb3" style="color: lightpink"></tbody>

        </table>
    </div>
</form>
</body>
</html>